<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>首页</title>
	<script type="text/javascript">

		document.addEventListener('plusready', function(){
			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"

		});

	</script>

	<style type="text/css">

	</style>
	<link rel="stylesheet" href="css/homepage.css" />
	<link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="body">
<div class="container-fluid header" style="">
	<div class="row">
		<div class="col-xs-12 nav2" style="">
			<div class="col-xs-2">
				<p class="yh" style="margin-left: -10px;"><img src="img/定位.png" height="22px"/></p>
			</div>
			<div class="col-xs-8 titile">
				<p style="text-align: center;"><img src="img/邻里帮.png" width="72px"/></p>
			</div>
			<div class="col-xs-1">
				<p style="margin-left: -22px;" class="yh"><img src="img/签到.png" width="24px"/></p>
			</div>
			<div class="col-xs-1">
				<p style="margin-left: -12px;" class="yh"><img src="img/信息.png" width="24px"/></p>
			</div>
		</div>
	</div>
</div>

<div id="myCarousel" class="carousel slide" style="width: 94%;margin: 0px auto;">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
		<li data-target="#myCarousel" data-slide-to="3"></li>
	</ol>

	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner lunbo" style="background-color: white;">
		<div class="item active">
			<img src="img/s1.jpg" alt="First slide">
		</div>
		<div class="item">
			<img src="img/s2.jpg" alt="Second slide">
		</div>
		<div class="item">
			<img src="img/s3jpg.jpg" alt="Third slide">
		</div>
		<div class="item">
			<img src="img/s4.jpg" alt="Third slide">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="left carousel-control hui" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control hui" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>

<div class="caidan" style="margin-top:5px ;">
	<ul>
		<a href="">
			<li>
				<p><img src="img/商城订单.png" height="26px"/></p>
				<p>邻里星选</p>
			</li>
		</a>
		<a href="">
			<li>
				<p><img src="img/商城.png" height="26px"/></p>
				<p>邦豆商城</p>
			</li>
		</a>
		<a href="">
			<li>
				<p><img src="img/手机充值线.png" height="26px"/></p>
				<p>充值中心</p>
			</li>
		</a>
		<a href="">
			<li>
				<p><img src="img/物业费用出账.png" height="26px"/></p>
				<p>物业缴费</p>
			</li>
		</a>
		<a href="">
			<li>
				<p><img src="img/资产管家.png" height="26px"/></p>
				<p>预缴管理费</p>
			</li>
		</a>
		<a href="">
			<li>
				<p><img src="img/我的管家.png" height="26px"/></p>
				<p>联系管家</p>
			</li>
		</a>
		<a href="">
			<li>
				<p><img src="img/门禁.png" height="26px"/></p>
				<p>智能门禁</p>
			</li>
		</a>
		<a href="">
			<li>
				<p><img src="img/更多.png" height="26px"/></p>
				<p>更多服务</p>
			</li>
		</a>

	</ul>
</div>

<!--公告-->
<div class="gonggao">
	<a href="dogive">
		<ul class="xin">
			<li><p>物业公告</p></li>
			<li><a href="dogive">战"役"小妙招——如何拯救口罩脸？</a></li>
			<li><a href="dogive">></a></li>
		</ul>
	</a>
</div>


<div class="container-fluid header fuli" style="">
	<div class="row">
		<div class="col-xs-12">
			<p class="titlefuli"><img src="img/福利专区.png"/></p>
		</div>
		<div class="col-xs-12">
			<p class="titlefuli"><img src="img/折扣.png" width="366px"/></p>
		</div>
		<div class="col-xs-12">
			<div class="col-xs-6">
				<p class="tuyi"><img src="img/tu-1.png" width="183px" height="196px"/></p>
			</div>
			<div class="col-xs-6">
				<div class="col-xs-12">
					<p class=""><img src="img/tu-2.png" width="183px"/></p>
				</div>
				<div class="col-xs-12">
					<p style="margin-top: -8px;"><img src="img/tu-3.png" width="183px"/></p>
				</div>
			</div>
		</div>
		<div class="col-xs-12">
			<p class="titlefuli" style="margin-top: -7px;"><img src="img/tu-4.png" width="366px"/></p>
		</div>
	</div>
</div>

<div class="container-fluid header jingxuan" style="">
	<div class="row">
		<div class="col-xs-12">
			<p class=""><img src="img/精选单品.png"/></p>
		</div>

		<div class="col-xs-12 shang">
			<#list sixList as six>
			<div class="col-xs-4">
				<a href="goodsdetail?id=${six.id}&shopDetails=${six.shopDetails}">
					<p><img src="img/${six.shopImg}" width="80%"/></p>
					<p>${six.shopName}</p><p>￥${six.shopPrice}</p>
				</a>
			</div>
		</#list>

	</div>
</div>
</div>

<div class="liebiao">
	<ul>

		<#list eightList as eight>
		<li><a href="goodsdetail?id=${eight.id}&shopDetails=${eight.shopDetails}">
			<p class="zuo"><img src="img/${eight.shopImg}" width="100px" height="70px"/></p>
			<div class="you">
				<p>${eight.shopName}</p>
				<p>${eight.shopWell}</p>
				<div class="sanhang" style="font-size: 18px;margin-top: 15px;font-weight: bolder;"><span style="color: black;">￥${eight.shopYprice}</span><a href="" class="qiang">抢购</a></div>
			</div>
		</a></li>
	</#list>

	</ul>
</div>
</div>


<!-- 底部-->
<div class="foot">
	<div class="foott">
		<ul>
			<li>
				<a href="homepage"><p><img src="img/首页.png"></p><p>首页</p></a>
			</li>
			<li>
				<a href="doserve"><p><img src="img/服务图.png"></p><p>服务</p></a>
			</li>
			<li>

				<a href="dong"><p><img src="img/邻星图.png"></p><p>邻里社</p></a>

			</li>
			<li>
				<a href="myinfo"><p><img src="img/我.png"></p><p>我的</p></a>
			</li>
		</ul>
	</div>
</div>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script>
	$(function(){
		// 初始化轮播
		$(".start-slide").click(function(){
			$("#myCarousel").carousel('cycle');
		});
		// 停止轮播
		$(".pause-slide").click(function(){
			$("#myCarousel").carousel('pause');
		});
		// 循环轮播到上一个项目
		$(".prev-slide").click(function(){
			$("#myCarousel").carousel('prev');
		});
		// 循环轮播到下一个项目
		$(".next-slide").click(function(){
			$("#myCarousel").carousel('next');
		});
		// 循环轮播到某个特定的帧 
		$(".slide-one").click(function(){
			$("#myCarousel").carousel(0);
		});
		$(".slide-two").click(function(){
			$("#myCarousel").carousel(1);
		});
		$(".slide-three").click(function(){
			$("#myCarousel").carousel(2);
		});
	});
</script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
<script type="text/javascript" src="js/jquery.min.js" ></script>
</body>
</html>